<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/layui.css">
		<script src="../layui.js"></script>
		<link rel="stylesheet" href="../css/header.css">
		<style type="text/css">
			img{
				border-radius: 30px;
				width: 60px;
				height: 60px;
			}
		</style>
	</head>
	<body>
		
		<ul class="layui-nav layui-bg-green">
			<img src="../images/logo/lang.png" />
			<span style="display:inline-block;width:200px;font-size: large;margin-right: 100px;">
				浪浪二手交易网
			</span>
		
			<li class="layui-nav-item"><a href="">最新活动</a></li>
			<li class="layui-nav-item layui-this">
				<a href="">主页</a>
				<dl class="layui-nav-child">
					<dd><a href="">商品拍卖</a></dd>
					<dd><a href="">自由交易</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="">主题</a></li>
			<li class="layui-nav-item">
				<a href="">管理中心</a>
				<dl class="layui-nav-child">
					<dd><a href="">移动模块</a></dd>
					<dd><a href="">后台模版</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="">个人中心</a></li>


			<li style="float: right;margin-top: 30px">
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=450894332&Site=物尽其用网&Menu=yes">
					联系客服
				</a>
			</li>
			<!--<li style="float: right;margin-top: 10px;">
				<input id="btn1" type="text" style="width: 200px;height: 30px;border-radius: 5px;" placeholder="搜索商品">
			</li>-->
		</ul>
	</body>
	
	<script type="text/javascript">
		//导航栏
		layui.use('element', function() {
			var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		
			//监听导航点击
			element.on('nav(demo)', function(elem) {
				//console.log(elem)
				layer.msg(elem.text());
			});
		});
	</script>
</html>
